﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/css/font-awesome.css" rel="stylesheet" />
</head>
<body>
    <div class="jumbotron">
       
        <h2>Welcome to Your Pokedex</h2>
        <input type="text" class="input-sm" id="name" placeholder="Name"/>
        <select id="type" class="input-sm">
            <option value="electric">Electric</option>
            <option value="grass">Grass</option>
            <option value="water">Water</option>
            <option value="fire">Fire</option>
            <option value="ghost">Ghost</option>
        </select>
        <div class="btn btn-success btn-sm" onclick="app.create()" >Add Pokemon</div>
    </div>

    <div id="draw-table" class="table table-hover">

    </div>

    <div class="modal fade" id="deleteNotice">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Deleting...</h4>
                </div>
                <div class="modal-body">
                    <i class="fa fa-spin fa-linux fa-5x"></i>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    
    <script src="Scripts/jquery-1.9.0.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <!--Secret File Here-->
    <script src="script.js"></script>
</body>
</html>
